@charset "utf-8";      
@import url("grid6.css");
/* CSS Document */
html, body{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;    
    background:url(../img/bg.png) no-repeat scroll center top #2e78e6;
    margin: 0;
} 
#contenedor {
    width: 1024px;
    margin: 0 auto;
    border: 0px;
    text-align: left;
}
#cabecera {
    clear: both;
    margin: 0px;
    border: 0px;
    height: 50px;
}
#logo{    
    float:left;
    width:59px;
    background-image:url(../img/logo.png);
    height: 50px;
}
.resaltado{
	color:blue;
	font-style:italic;

}
/***************************/
.datesession{
	border:0px;
	background-color:transparent;
}
div.actions{
	margin:5px;
} 
/***************************/
#datetime{
	float:right;
	padding:10px 0px 0px 0px;
}
#timeset{
	background-image: url(../img/icons/time.png);
	background-repeat: no-repeat;
	background-position: 0px 0px; 
	padding:3px 24px;
}
#dateset{
	background-image: url(../img/icons/calendar.png);
	background-repeat: no-repeat;
	background-position: 0px 0px; 
	padding:3px 24px;
}
#central {
    width: 1024px;
    min-height: 400px;
    background-color:#b4c8d6;
    border:#999999 1px solid;
    margin-top:5px;
}
#contenido{
    margin: 0 auto;
    width:1004px;
	
}
#titlebar{
	width: 100%;
    margin: 0 auto;
	/*max-height:26px;*/
	height:29px;		
	background-repeat:repeat-x;
	color: #000;
	clear:both;
}
.ubicacion{
    margin: 0px ;
	padding:3px 10px 0px;
	float: left;	
}
.usuario{	
    margin: 0px ;
	padding:1px 10px 0px;
	float: right;	
}
.usuario img{
	padding: 1px 0 3px 0;
	vertical-align:middle;
}
.cerrarSesion{
    margin: 0px ;
	padding:1px 10px 0px;
	float: right;	
}
.cerrarSesion img{
	padding: 1px 0 3px 0;
	vertical-align:middle;
}
#navigator{
	max-height:26px;
	height:23px;
	
	color: #FFF;
	margin: 0px ;
	padding:3px 10px 0px;	
}

.left{
	text-align:left;
	float:left;
}
.rigth{
	text-align:right;
}
	
.header{	
	border: none;
	width:100%;
}
.header td{	
	background: #D7E5F6;
        max-height:25px;
	border: none;
	font-weight: bold;
}

/*-----------------botones con iconos-----------------------*/
a {
    outline: none;
}
.lnkbutton{
	cursor:pointer;
	margin:0 4px 60px 23px;
	/*padding:0.5em 1.1em;*/
	padding:6px 9px 4px 22px;
	text-align:center;
	text-decoration:none !important;
	background-image: url(../img/button.png);
	background-repeat: no-repeat;
	outline: medium none;
	color:black; 
	outline: none;
}
input[type=submit], input[type=button], input[type=reset], a.lnkbutton {
	height: 23px;
	background-color: #f5f5f0; 
	border-bottom: 1px solid #555555;
	border-right:1px solid #555555; 
	border-top:0px; border-left:0px; 
	font-size: 9px;
	color:navy;
	background-image: url(../img/botones.png);
	background-repeat: no-repeat;
	padding-left: 22px;
	margin-left:2px; margin-right:2px; 
	outline-width:0px;
	cursor:pointer;
	outline: none;
	
}
input[type=submit]:hover, input[type=button]:hover,i nput[type=reset], a.lnkbutton:hover{
        background-color: #f5f5f0;
        border-bottom: 1px solid #AAAAAA;  border-right:1px solid #AAAAAA;
        border-top:0px; border-left:0px;
        background-image: url(../img/botones.png);
		cursor:pointer;
		outline: none;
  
}
input[type=submit]:focus, input[type=button]:focus, input[type=reset]:focus, a.lnkbutton {
	height: 23px;
	background-color: #f5f5f0; 
	border-bottom: 1px solid #555555;
	border-right:1px solid #555555; 
	border-top:0px; border-left:0px; 
	font-size: 9px;
	color:navy;
	background-image: url(../img/botones.png);
	background-repeat: no-repeat;
	padding-left: 22px;
	margin-left:2px; margin-right:2px; 
	outline-width:0px;
	cursor:pointer;
	outline: none;
}
.btnnew{ background-position: 0px 0px; }
.btnedit{ background-position: 0px -23px; }
.btncancel{ background-position: 0px -46px; }
.btnerase{ background-position: 0px -69px; }
.btnprint{ background-position: 0px -92px; }
.btnduplicate{ background-position: 0px -115px; }
.btnfind{ background-position: 0px -138px; }
.btnsave{ background-position: 0px -161px; }
.btnaccept{ background-position: 0px -184px; }
.btnback{ background-position: 0px -207px; }
.btnchangepass{ background-position: 0px -230px; }
.btnpermissions{ background-position: 0px -253px; }
.btnedituser{ background-position: 0px -276px; }
.btncentering{ background-position: 0px -299px; }
.btndoc1{ background-position: 0px -322px; }
.btndoc2{ background-position: 0px -345px; }
.btnreport{ background-position: 0px -368px; }
.btntruck{ background-position: 0px -391px; }
.btnmanage{ background-position: 0px -414px; }
.btnsendpack{ background-position: 0px -437px; }
.btnreturnpack{ background-position: 0px -460px; }
.btnsenddoc{ background-position: 0px -483px; }
.btnreturndoc{ background-position: 0px -506px; }
.btnwheel{ background-position: 0px -529px; }
.btnpdf{ background-position: 0px -552px; }
.btnomit{ background-position: 0px -575px; }
.btnstop{ background-position: 0px -598px; }
.btnreload{ background-position: 0px -621px; }

.btndownload{ background-position: -200px 0px; }
.btnaccount{ background-position: -200px -23px; }
.btndelaccount{ background-position: -200px -46px; }
.btnnewaccount{ background-position: -200px -69px; }
.btneditaccount{ background-position: -200px -92px; }
.btnmovaccount{ background-position: -200px -115px; }
.btneditbalance{ background-position: -200px -138px; }
.btndelbalance{ background-position: -200px -161px; }
.btnmovbalance{ background-position: -200px -184px; }
.btnbalance{ background-position: -200px -207px; }
.btnnewbalance{ background-position: -200px -230px; }
.btndebt{ background-position: -200px -253px; }
.btnclosed{ background-position: -200px -276px; }
.btnpay{ background-position: -200px -299px; }
.btnundo{ background-position: -200px -322px; }
.btnsort{ background-position: -200px -345px; }
.btnnumering{ background-position: -200px -368px; }
.btnnewmail{ background-position: -200px -391px; }
.btnerasemail{ background-position: -200px -414px; }
.btnsendmail{ background-position: -200px -437px; }
.btnlinkmail{ background-position: -200px -460px; }
.btnattachmail{ background-position: -200px -483px; }
.btneditmail{ background-position: -200px -506px; }
.btnopenmail{ background-position: -200px -529px; }
.btnerrormail{ background-position: -200px -552px; }
.btnmail{ background-position: -200px -575px; }
.btnprev{ background-position: -200px -598px; }
.btnnext{ background-position: -200px -621px; }

.btnrefresh{ background-position: -400px 0px; }
.btnapplication{ background-position: -400px -23px; }
.btnfilter{ background-position: -400px -46px; }
.btnextract{ background-position: -400px -69px; }
.btnprintdetail{ background-position: -400px -92px; }
.btnchkcobrado{ background-position: -400px -115px; }
.btnchkextorna{ background-position: -400px -138px; }
.btnchkpendiente{ background-position: -400px -161px; }
/* ---=== border login ===--- */
#logincontent{
	margin: 0 auto;
	width:313px;
}
#t{
	background-image:url(../img/bg_wp_t.png);
	height:9px;
	background-repeat:no-repeat;
	width:100%;
	margin:10px 0px 0px 0px;
	padding:0px;
}
#m{
	background-image:url(../img/bg_wp_m.png);
	background-repeat:repeat-y;
	margin:0px 0px 0px 0px;
	padding:5px 10px;
	width:100%;
}
#tabbutton{
        padding:5px 160px;
}
#m img{
	padding: 0px 5px;
	vertical-align:middle;
}
#b{
	background-image:url(../img/bg_wp_b.png);
	height:9px;
	background-repeat:no-repeat;
	width:100%;
	margin:0px 0px 0px 0px;

}

/* ---=== border selector home ===--- */
#selectorcontent{
	margin: 0 auto;
	width:750px;

}
#selectorcontent table tr td{
    background-color: transparent;
}

#selectorcontent #h{/*
	background-image:url(../img/bg_sl_t.png);
	background-repeat:no-repeat;*/
	height:9px;
	width:100%;
	margin:0;
	padding:0px;
}
#selectorcontent #c{/*
        background-image:url(../img/bg_sl_m.png);!>
	background-repeat:repeat-y;*/
	margin:0px 0px 0px 0px;
	padding:5px 10px;
	width:100%;
}
#selectorcontent #f{/*
	background-image:url(../img/bg_sl_b.png);
	background-repeat:no-repeat;*/
	height:9px;
	width:100%;
	margin:0px 0px 0px 0px;

}
#selectorcontent table{
        border: 0;
}
#selectorcontent table td{
        border: 0;
}

/************ headers ******************/
h1, h2 {
    background-color: inherit;
    font-weight: normal;
}
h2 {
    color:#000066;
    font-size: 190%;
    margin:4px;
}
#header{
    padding: 5px 5px;
}
#header h1 a {
    color: #ffffff;
    text-decoration: none;
}
#header h1 a:hover {
    color: #ff9900;
    text-decoration: none;
}
#content{
    background-color: #fff;
    clear: both;
    color: #666;
    padding: 5px;
    overflow: auto;
}
#footer {
    clear: both;
    padding: 6px 10px;
    text-align: right;

    color:#CCCCCC;
}
dl {
    line-height: 2em;
    margin: 0em 0em;
    width: 60%;
}
dt.header {
    color:#333333;
    font-size:124%;
    margin-top: 12px;
}
dt {
    font-weight: bold;
    padding-left: 4px;
    vertical-align: top;
}
dd {
    margin-left: 10em;
    margin-top: -2em;
    vertical-align: top;
}
form {
    clear: both;
    margin: 1px;
}
form label {
    width:94px;
    display:block;
    float:left;
}
form div.input {
    margin:0px;
}
form div.submit {
    margin:5px 0 0 12px;
}

/************** Table ****************/
table {
    border-collapse: collapse;
    border: 1px solid #459E00;
    color: #000;
    font: 11px arial,tahoma,helvetica,sans-serif;
    width:100%;
    padding: 3px;

}
th {
    border: 1px solid #999999;
    color: #000;
    max-height:26px;
    background-image: url(../img/bg_table_th.png);
    background-color:#E4E5E8;
    font-weight:normal;
    text-align:center;
    padding: 3px;
}
th a{
    text-decoration:none;
    color: #000;
}
th a:hover{
    text-decoration: underline;
    color: #000;
}
td{	
    background: #fff;
    max-height:26px;
    padding: 3px;
}
tr td{
    border:0px solid #99BBE8;
	border-bottom: 1px solid #DDDDDD;
}
tr.altrow td {
    background: #FAFAF0;
    border-top: 0px solid #fff;
}
/* Notices and Errors */
#celdas { 
	padding:0px; 
	width:auto; 
}
#celdas a{
	color: #333;
	display:block; 
}
#celdas a:hover {
	text-decoration: none;
}
/* Notices and Errors */
div.message {
    clear: both;
    color: #900;
    font-size: 140%;
    font-weight: bold;
    margin: 1em 0;
}
div.error-message {
    clear: both;
    color: #900;
    font-weight: bold;
	display: inline-block;
}
p.error {
    background-color: #e32;
    color: #fff;
    font-family: Courier, monospace;
    font-size: 120%;
    line-height: 140%;
    padding: 0.8em;
    margin: 1em 0;
}
p.error em {
    color: #000;
    font-weight: normal;
    line-height: 140%;
}
.notice {
    background: #ffcc00;
    color: #000;
    display: block;
    font-family: Courier, monospace;
    font-size: 120%;
    line-height: 140%;
    padding: 0.8em;
    margin: 1em 0;
}
.success {
    background: green;
    color: #fff;
}
/* Forms */
form {
    clear: both;
    margin-right: 5px;
    padding: 0;

}
fieldset {
    border: 1px solid #ccc;
    margin-top: 5px;
    padding: 5px 5px;
}
fieldset legend {
    color: #000;
    font-size: 20px;
    font-weight: bold;
	padding:0 5px 0 10px;
}
fieldset fieldset {
    margin-top: 0px;
    margin-bottom: 20px;
    padding: 3px;
}
fieldset fieldset legend {
    /*font-size: 50%;*/
	font-style: italic;
	font-size:1.2em;
    font-weight: bold;
}
fieldset fieldset div {
    clear: left;
    margin: 0 20px;
}
form div.input {
    color: #444;
}
form div.required {
    color: #333;
    font-weight: bold;
}
form div.submit {
    border: 0;
    clear: both;
    margin-top: 5px;
    padding-left: 140px;
}
label {
    display: block;
    font-size: 100%;
    padding-right: 5px;
}
input, textarea, select {
    clear: both;
    font-size: 12px;
    border:1px solid #459E00;
    font-family: Arial, Helvetica, sans-serif;

}
input:focus, textarea:focus, select:focus {
    clear: both;
    border:1px solid #99BBE8;
    border:1px solid #000;
}
input[readonly] {
    background-color:#D4D0C8;
    border:1px solid #99BBE8;
    margin:0px;
}
input[readonly]:focus {
    background-color:#D4D0C8;
    border:1px solid #000;
    margin:0px;
}
select {
    clear: both;
    font-size: 100%;
    vertical-align: text-bottom;
}
select[multiple=multiple] {
    width: 100%;
}
option {
    font-size: 100%;
    padding: 0 3px;
}
input[type=checkbox] {
    width: auto;
}
input[type=checkbox]:focus {
  outline:1px solid #000;
}
input[type=radio] {
    float:left;
    width:auto;
    margin: 0 3px 7px 0;
}
div.radio label {
    margin: 0 0 6px 20px;
}

/* Paging */

div.paging {
    background:#fff;
    color: #ccc;
    margin-bottom: 2em;
}
div.paging div.disabled {
    color: #ddd;
    display: inline;
}
div.paging span {
}
div.paging span.current {
    color: #000;
}
div.paging span a {
}
a:visited, a:link{
    color:navy;
    text-decoration: none;
}
a:hover {
    color:navy;
    text-decoration: underline;
}

/* autocompletado*/
/**
 * Auto Complete 5.0 - CSS Temp
 * November 22, 2009
 * Corey Hart @ http://www.codenothing.com
 */ 
 
ul.auto-complete-list {
	list-style-position: outside;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 300px;
	z-index: 100;
	max-height: 150px;	
	overflow: auto;
	display: block;
	
}


ul.auto-complete-list li {

	margin: 0;
	padding: 5px;
	background-color: white;
	border-bottom: 1px solid  #444;
	border-right: 1px solid  #444;
	border-left: 1px solid  #444;
}

ul.auto-complete-list li.auto-complete-list-rollover {
	background-color: #c5c5c5;
}

ul.auto-complete-list .auto-complete-striped {
	background-color: #D7EEF9;
}

.ajax_load1, .ajax_load2, .ajax_load3{
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:scroll;
	color:#D4D0C8;
}
.ajax_load1, .input_ajax{background-image: url(../img/ajax1.gif);}
.ajax_load2{background-image: url(../img/ajax2.gif);}
.ajax_load3{background-image: url(../img/ajax3.gif);}

.input_ajax{
	background-attachment:scroll;
	background-position:center right;
	background-repeat:no-repeat;
}

a.lnk_buscar, 
a.lnk_info,
a.lnk_nuevo,
a.lnk_copiar,
a.lnk_editar,
a.lnk_borrar,
a.lnk_rueda,
a.lnk_flecha_der,
a.lnk_deshacer,
a.lnk_flecha_izq,
input.buscar{padding-left: 17px;margin-left:5px}

a.lnk_buscar, input.buscar{background: url(../img/icons/magnifier.png) no-repeat left;}
a.lnk_deshacer{background: url(../img/icons/arrow_undo.png) no-repeat left;}
a.lnk_info{background: url(../img/icons/magnifier.png) no-repeat left;}
a.lnk_nuevo{background: url(../img/icons/add.png) no-repeat left;}
a.lnk_editar{background: url(../img/icons/page_edit.png) no-repeat left;}
a.lnk_borrar{background: url(../img/icons/cross.png) no-repeat left;}
a.lnk_copiar{background: url(../img/icons/page_copy.png) no-repeat left;}
a.lnk_rueda{background: url(../img/icons/icn_wheel_tire.gif) no-repeat left;}
a.lnk_flecha_der{background: url(../img/icons/arrow_right.png) no-repeat left;}
a.lnk_flecha_izq{background: url(../img/icons/arrow_left.png) no-repeat left;}


/*para el menú de reportes*/

.hidden {
	height:auto;
	left:317px;
	display:none;
	position: absolute;
	top:296px;
	width: 211px;
	background: #FFFFFF;
	border: 1px solid gray;
}
.hidden ul {
	margin:0;
	padding: 0;
	list-style-type: none;
	font-size: 12px;
	line-height: 17px;
}
.hidden a{
	display: block;
	padding: 1px;
	padding-left: 10px;
	width: 200px;
	background-color: #FFF;
	border-bottom: 1px solid #DDF;
}

.hidden a:link, .list_container a:visited{
	color: navy;
	text-decoration: none;
}

.hidden a:hover{
	background-color: #369;
	color: #fff;
	text-decoration: none;
}

input[type=text]:not(.noUppercase),textarea:not(.noUppercase){
	text-transform:uppercase;
}

/* message queuing */
#message_queue{
	background-color:black;
	color:white;
	width:49px;
	height:35px;
	text-align:center;
	float:right;
	margin-top:19px;
	font-weight:bold;
	padding:9px 10px;
	
	filter:alpha(opacity=76);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
#message_queue a{
	text-decoration:none;
	color:white;
	font-size:1.5em;
}
#message_queue img{
	border:0px;
	margin-right:19;
}
#message_queue div span{
	float:left;
	cursor:pointer;
}
.placeholder
{
	color: #aaa;
}
.icono{
	display:block; overflow:hidden; text-indent:-99999px;background-repeat:no-repeat; width:24px;height:24px;
}

/*resaltando opciones*/
select option, select option.selected, select option.hover /*, select option[selected], select option:hover*/{
	padding-left: 14px;
	background-position: left;
	background-repeat: no-repeat;	
}

/*select option:hover,*/ select option.hover{
	background-image:url('../img/icons/bullet_blue.png');
}

/*select option[selected],*/ select option.selected{
	background-image:url('../img/icons/bullet_green.png');
}

/*validacion*/
.form-error{
	border: 1px solid #990000;
}

/*fix para autocomplete de jQuery. hace las listas con scroll*/
.ui-autocomplete{
	max-height:100px;
	overflow-y:auto;
	overflow-x:hidden;
	padding-right:20px;
}
* html .ui-autocomplete{
	height: 100px;
}